<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>

<body>
    <!-- 头部start -->
    <div class="header">
        <div class="head w">
            <img src="./icons/201701161525558883.png" alt="">
            <!-- 右侧导航start -->
            <div class="nav_hd">
                <a href="#">
                    <span></span>
                    用户登录
                </a>
                <a href="#">
                    <span></span>
                    设为首页
                </a>
                <a href="#">
                    <span></span>
                    加入收藏
                </a>
            </div>
            <div class="nav_bd">
                <a href="#">学院首页</a>
                <a href="#">学院概况</a>
                <a href="#">党团建设</a>
                <a href="#">教学科研</a>
                <a href="#">学生工作</a>
                <a href="#">招生就业</a>
                <a href="#">活动风采</a>
                <a href="#">胡晓林劳模创新工作室</a>
            </div>
            <!-- 右侧导航end -->
        </div>
    </div>
    <!-- 头部end -->
    <!-- 横幅start -->
    <a href="#" class="banner"></a>
    <!-- 横幅end -->
    <!-- 搜索start -->
    <div class="searches w">
        <span></span>
        <span>2021年1月6日 星期三 　请调整您的计算机日期!</span>
        <div class="search">
            <input type="text" placeholder="请输入搜索关键字" class="search">
            <input type="submit" value="搜索" class="submit">
        </div>
    </div>
    <!-- 搜索end -->
    <!-- 新闻公告start -->
    <div class="news_bulletin w">
        <div class="news">
            <img src="./images/202012290940410761_320_230.jpg" alt="">
            <div class="new">
                <p><span>学院新闻</span></p>
                <div class="li-5">
                    <a href="#">我院顺利完成“1+X”职业技能证书考核工作</a>
                    <a href="#">我院顺利完成“1+X”职业技能证书考核工作</a>
                    <a href="#">我院顺利完成“1+X”职业技能证书考核工作</a>
                    <a href="#">我院顺利完成“1+X”职业技能证书考核工作</a>
                    <a href="#">我院顺利完成“1+X”职业技能证书考核工作</a>    
                </div>
            </div>
        </div>
        <div class="bulletin">
            <p><span>通知公告</span></p>
            <div class="li-5">
                <a href="#">我院顺利完成“1+X”职业技能证书考核工作</a>
                <a href="#">我院顺利完成“1+X”职业技能证书考核工作</a>
                <a href="#">我院顺利完成“1+X”职业技能证书考核工作</a>
                <a href="#">我院顺利完成“1+X”职业技能证书考核工作</a>
                <a href="#">我院顺利完成“1+X”职业技能证书考核工作</a>    
            </div>
    </div>
    </div>
    <!-- 新闻公告end -->
    <!-- 动态就业start -->
    <div class="dynamic_job w">
        <div class="dynamic">
            <p><span>学工动态</span></p>
            <div class="li-4">
                <div class="img-text">
                    <a href="#"><img src="./images/1.jpg" alt=""></a>
                    <a href="#">献血献爱心，血浓情更浓--机电工程学院开…</a>
                </div>
                <div class="img-text">
                    <a href="#"><img src="./images/1.jpg" alt=""></a>
                    <a href="#">献血献爱心，血浓情更浓--机电工程学院开…</a>
                </div>
                <div class="img-text">
                    <a href="#"><img src="./images/1.jpg" alt=""></a>
                    <a href="#">献血献爱心，血浓情更浓--机电工程学院开…</a>
                </div>
                <div class="img-text">
                    <a href="#"><img src="./images/1.jpg" alt=""></a>
                    <a href="#">献血献爱心，血浓情更浓--机电工程学院开…</a>
                </div>

            </div>
        </div>
        <div class="job">
            <p><span>招生就业</span></p>
            <div class="li-5">
                <a href="#">合肥美的暖通设备有限公司招聘简章</a>
                <a href="#">合肥美的暖通设备有限公司招聘简章</a>
                <a href="#">合肥美的暖通设备有限公司招聘简章</a>
                <a href="#">合肥美的暖通设备有限公司招聘简章</a>
                <a href="#">合肥美的暖通设备有限公司招聘简章</a>
            </div>
        </div>
    </div>
    <!-- 动态就业end -->
    <!-- 底部start -->
    <div class="footer">版权所有@机电工程学院 联系电话：0792-8367481</div>
    <!-- 底部end -->

</body>

</html>